<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>王天庆</title>
    <style>
        .box{
            width: 600px;
            border: 1px solid #cccccc;
            margin: 100px auto;
            cursor: pointer;
        }
        .box1{
            background: #cccccc;
            height: 30px;
            line-height: 30px;
            padding-left: 10px;
            font-size: 14px;
        }
        .box1 span{
            color: red;
        }
        .box2{
            margin: 10px;
            font-size: 12px;
        }
        .box3{
            border-top: 1px dashed #cccccc;
            padding: 10px;
            font-size: 14px;
        }
        a{
            height: 20px;
            line-height: 20px;
            padding-right: 10px;
            text-decoration: none;
            color: #cccccc;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="box1"><span>家具厨卫</span> - 关键字删选</div>
    <div class="box2">
        品牌：
        <a href="#">乐仕菲斯</a><a href="#">家魔仕</a><a href="#">锅宝</a><a href="#">弗兰西诺</a><a href="#">双立人</a>
        <a href="#">膳魔师</a><a href="#">飞利浦</a><a href="#">上海红心</a><a href="#">德国莱克森</a>
        <a href="#">罗莱家纺</a><a href="#">WINKO</a><a href="#">浮士徳</a><a href="#">道奇</a><a href="#">希乐</a>
        <a href="#">北欧欧慕</a><a href="#">GlassLock</a><a href="#">斯阁睿</a><a href="#">博洋家纺</a><a href="#">赫曼德</a>
        <a href="#">美国傲仕</a><a href="#">乐仕菲斯</a><a href="#">家魔仕</a><a href="#">锅宝</a><a href="#">弗兰西诺</a><a href="#">双立人</a>
        <a href="#">膳魔师</a><a href="#">飞利浦</a><a href="#">上海红心</a><a href="#">德国莱克森</a>
        <a href="#">罗莱家纺</a><a href="#">WINKO</a><a href="#">浮士徳</a><a href="#">道奇</a><a href="#">希乐</a>
        <a href="#">北欧欧慕</a><a href="#">GlassLock</a><a href="#">斯阁睿</a><a href="#">博洋家纺</a><a href="#">赫曼德</a>
        <a href="#">美国傲仕</a><a href="#">乐仕菲斯</a><a href="#">家魔仕</a><a href="#">锅宝</a><a href="#">弗兰西诺</a><a href="#">双立人</a>
        <a href="#">膳魔师</a><a href="#">飞利浦</a><a href="#">乐仕菲斯</a><a href="#">家魔仕</a><a href="#">锅宝</a><a href="#">弗兰西诺</a><a href="#">双立人</a>
        <a href="#">膳魔师</a><a href="#">飞利浦</a><span class="box4">显示</span>
    </div>
</div>
</body>
</html>
    <script src="js/jquery-1.10.1.js"></script>
    <script>
        $(function () {
            $(".box2 a:gt(25)").hide();
            $(".box4").click(function () {
                if($(this).html() == "显示"){
                    $(".box2 a:gt(25)").show();
                    $(this).html("隐藏部分");
                }else{
                    $(".box2 a:gt(25)").hide();
                    $(this).html("显示");
                }

            })
        })
    </script>